<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>ROYAL HOTEL</title>
    <link rel="stylesheet" href="css/Accomodation.css"/>
</head>
<body>
<div class="first-floor">
    <div class="main-bg">
        <!--标题-->
        <div class="title-0">
            <img src="image/Logo.png" alt=""/>
            <ul>
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="accomodation.html">住宿设施</a></li>
                <li><a href="Gallery.html">酒店画廊</a></li>
                <li class="menu"><a href="" data-trigger="dropdown">酒店日志</a>
                    <ul class="sub">
                        <li><a href="blog.html">公告</a></li>
                        <li><hr></li>
                        <li><a href="">客户评价</a></li>
                    </ul>
                </li>
                <li><a href="login.html">登录</a></li>
                &nbsp;&nbsp;
            </ul>
        </div>
        <!--内容主体-->
        <div class="body-0">
            <div class="body-1">选择房型</div>
        </div>
    </div>
    <div class="second-floor">
        <div class="third-step">
            <ul>
                <li>
                    <img src="image/room1.jpg" alt="">
                    <p><a href="#">立即预订</a></p>
                    <h6>双人豪华房</h6>
                    <h5>￥250<small>/night</small></h5>
                </li>
                <li>
                    <img src="image/room7.jpg" alt="">
                    <p><a href="#">立即预订</a></p>
                    <h6>商务单人房</h6>
                    <h5>￥220<small>/night</small></h5>
                </li>
                <li>
                    <img src="image/room2.jpg" alt="">
                    <p><a href="#">立即预订</a></p>
                    <h6>豪华单人房</h6>
                    <h5>￥180<small>/night</small></h5>
                </li>
                <li>
                    <img src="image/room4.jpg" alt="">
                    <p><a href="#">立即预订</a></p>
                    <h6>经济双人房</h6>
                    <h5>￥200<small>/night</small></h5>
                </li>
            </ul>
            <ul>
                <li>
                    <img src="image/room5.jpg" alt="">
                    <p><a href="#">立即预定</a></p>
                    <h6>豪华大床房</h6>
                    <h5>￥500<small>/night</small></h5>
                </li>
                <li>
                    <img src="image/room6.jpg" alt="">
                    <p><a href="#">立即预定</a></p>
                    <h6>温馨大床房</h6>
                    <h5>$350<small>/night</small></h5>
                </li>
                <li>
                    <img src="image/room3.jpg" alt="">
                    <p><a href="#">立即预订</a></p>
                    <h6>蜜月套房</h6>
                    <h5>￥750<small>/night</small></h5>
                </li>
                <li>
                    <img src="image/room8.jpg" alt="">
                    <p><a href="#">立即预订</a></p>
                    <h6>豪华总统套房</h6>
                    <h5>￥1080<small>/night</small></h5>
                </li>
            </ul>
        </div>
    </div>
</div>
    <!--<div id="footer"></div>-->
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/main.js"></script>
    <script src="js/footer.js"></script>
</body>
</html>